@media (max-width: 1530px) {
.sytwo-at{ left:-7%;}
}

@media (max-width: 1460px) {
.scen{ right: 10px;}
.navbox{ padding: 15px 100px 0px 0px; }
}

@media (max-width: 1430px) {
.md{ width:100%;}
}

@media (max-width: 1360px) {
.scen{ right:10px; top:5px; padding-left:10px; padding-bottom:0px;}
.scen:before{ display:none; }
.navbox{ padding: 15px 0px 0px 0px; }
	
/*-- 内页 --*/
.incpsearch{ width:100%; height: auto; float: left; padding: 25px 0px 0px; text-align: center;}
.incpsearch .cpsearch{ width:450px; margin-bottom:0px;}
.incpsearch .cpsearch .p1{ width:80%; }
.incpsearch .cpsearch .p2{ width:20%;}
.incpsearch #search_inputp1{ font-size:16px;}

.banl{ width:50%; }
.banr{ width:50%; padding-left: 4%; }
.min_pic { left:108%;}
.num { height:80px; }
.num ul li { width:85px;}
.num ul li img { width:80px; height:75px; }
}

@media (max-width: 1280px) {
.qmid .float-right div{ right:-400px; top: -50px;}
.qmid .float-right div img{ width:350px; }
.qmid .float-left div{ left:-400px; top: -50px;}
.qmid .float-left div img{ width:350px; }
}


@media (max-width: 1260px) {
/*-- sytwo --*/
.sytwo-a{ width:100%;  }
.sytwo-b{ width:100%; }
.sytwo-b i{ width:100%; float: left; visibility: hidden;}
.sytwo-b i img{ width:100%; }
.sytwo-at h1{ font-size: 90px; line-height: 90px;}
.sytwo-ainfo p{ padding: 25px 0px; font-size: 15px; line-height: 24px;}
.sytwo-ab div{ width:90px; min-height:90px; margin-right: 20px;}
.sytwo-ab div i{ margin-top: 5px; }

}

@media (max-width: 1230px) {
/*-- inbanner --*/
.inbanner i{ height:400px; }
.inbanner h1{ font-size: 30px; }

.ab-al{ width:30%; }
.ab-ar{ width:70%;}
}

@media (max-width: 1200px) {
.navbox ul li{ margin:0px 10px; }
.navbox ul li a{ letter-spacing: 0;}
}

/* md */
@media (max-width: 1180px) {

/*-- syfo --*/
.syfol{ width:560px; }
.syfor>i{ width: 400px; background-position: right -200px top;}
.syfor ul li:first-child{ left: 150px; top:150px;}
.syfor ul li:nth-child(2){ left: 105px; top:230px;}
.syfor ul li:nth-child(3){ left: 65px; top:310px;}
.syfor ul li:nth-child(4){ left: 45px; top:390px;}
.syfor ul li:nth-child(5){ left: 30px; top:470px;}
.syfor ul li:nth-child(6){ left: 27px; top:550px;}
.syfor ul li:nth-child(7){ left: 35px; top:630px;}
.syfor ul li:nth-child(8){ left: 55px; top:710px;}
	
/**/
.min_pic { position: relative; width: 100%; height: auto; float: left; left:0; padding-top: 10px; }	
.cptel{ width:100%;}
.cpmail{ width:100%;}
.cptel i,.cpmail i{ width:15%; }
.cpmail span{ width:85%; }
}

@media (max-width: 1100px) {

}

@media (max-width: 1080px) {
.logo>i a img{ width:280px; }
#timg{ width: 130px; padding-left: 10px;}
}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
/*-- inbanner --*/
.inbanner i{ height:320px; }
.inbanner h1{ font-size: 24px; }

.news-btn{ padding: 20px 10px; }
.news-btn span{ font-size:14px; padding-right: 5px; }

.ab-al{ width:25%; }
.ab-ar{ width:75%;}
	
/**/
.logo>i a img{ width:200px; }
#timg{ width: 90px;}
.navbox ul li a{ font-size:14px; }
.navbox ul li{ margin:0px 5px; }
	
/*-- syfv --*/
.syfv-o{ min-height: auto; padding: 25px 20px; }
.syfv-o i{ left: 30px; top:35px; width:110px; height: 110px;}
.syfv-o div{ padding-left:130px;  }
.syfv-o div h1{ font-size: 20px; }
.syfv-o div p{ font-size: 14px; }
	
/*-- syfx --*/
.syfx-a ul li{padding:20px 0px;}
.syfx-a ul li .p1{ width: 25%; font-size: 14px; }
.syfx-a ul li .p2{ width: 70%; font-size: 15px; }
.syfx-a ul li.on{ padding:20px 0px;}
.syfx-a ul li.on a{ margin-top: 20px;}
.syfx-bx{ height: 350px; }
.syfx-a ul li.on i{ padding: 0px 10px;}	

/**/
.syfol{ width:460px;}
.syfor>i{ width: 300px; background-position: right -300px top;}
	
/*-- 新闻 --*/
.newsone{ height:250px; }
.newsshow{ padding:20px 20px 0px 20px;}
.news-info{ min-height:80px; }
.news-btn{ height:250px; }

.qmid .float-right div{ right:-270px; top: -10px;}
.qmid .float-right div img{ width:250px; }
.qmid .float-left div{ left:-270px; top: -10px;}
.qmid .float-left div img{ width:250px; }
.qmid .float-right:before{ display: none;}
.qmid .float-left:before{ display: none; }
}

/* xs */
@media (max-width: 767px) {
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	height:0px;
}
#wrapper.toggled {}
#sidebar-wrapper {
    z-index: 99999;
    width: 100%;
    height: 0%;
    overflow-y: auto;
    overflow-x: hidden;
    background:#242424;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    height: 100%;
}

#page-content-wrapper {
    height: 100%;
}

#wrapper.toggled #page-content-wrapper {
    position:relative;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    width: 100%;
    list-style: none;
	float:left;
	padding-top:70px;
}

.sidebar-nav li {
    position: relative; 
    line-height: 32px;
    display: inline-block;
    width: 100%;
	padding:5px;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 0px;
    background-color:#242424;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav i{ padding-right:20px;}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li a {
    display: block;
    color: #FFF;
    text-decoration: none;
    padding:5px;
	font-size:18px;
	text-align:center;  
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color:#FFF;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 50px;
    font-size: 20px;
    line-height: 45px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color:#000;
    box-shadow: none;
}
.sidebar-brand{ color:#FFF; font-weight:600; font-size:18px; line-height:27px; margin-top:20px;}
.psort{ width:100%; height:auto; float:left; padding-left:0px;}
.psort a{ display:block; color:#ccc; padding:2px 0px; line-height:30px;}

.sidebar-nav li .snav{ background:#fff; width:100%; float:left; box-shadow:2px 2px 1px rgba(204,204,204,0.5); padding:10px; display:none;}
.sidebar-nav li .snav a{display:block; line-height:28px; font-size:15px; color:#666; text-decoration:none;}
.sidebar-nav li .snav a:hover{ background:#e4e4e4; color:#fff;}

.xtwo{ width:100%; height:auto; float:left;}
.xtwo a{ width:100%; height:auto; float:left; font-size:15px; text-align:center; color:#FFF; line-height:28px; padding:5px;}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
  width: 32px;
  height: 32px;
  background:transparent;
  position:absolute;
  z-index: 100000;
  right:12px;
  top:15px;
  border:0;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #FFF;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #0f8b43;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #FFF;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay { position: fixed;display:none;width: 100%; height: 100%;overflow:hidden;top: 0;left: 0;right: 0; bottom: 0;background-color: rgba(250,250,250,.8);z-index: 9;} 

/*-------------------------------------RBOX-----------------------------------*/
/*-- 手机侧边导航 --*/
.xtopB{ width:100%; height:auto; float:left; padding:90px 10px 50px; position:relative;}
.xtop{ width:100%; height:auto; float:left; padding:20px 10px;}
.xtop h1{ width:100%; height:auto; float:left; font-size:18px; color:#FFF; padding:10px 0px; text-transform:uppercase; font-weight:600;}
.xtop h1 a{ color:#FFF; display:block;}
.xtop ul li{  float:left; font-size:16px; color:#FFF; width:100%;}
.xtop ul li a{ color:#FFF; display:block; padding:10px;}

.xscen{ width:100%; height:auto; float:left;}
.xscen span{ padding:5px 10px; background:#FFF; margin-right:5px; }
.xscen a{ padding:5px 10px; background:#0f8b43; color:#FFF;
-moz-border-radius:3px; /* Firefox */
-webkit-border-radius:3px; /* Safari 和 Chrome */
border-radius:3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*-- headerbox --*/
#cpheader{ height:60px;}
	
.headerbox{ height:60px;}
.headerbox:before{ height:60px;}
.logo{ width:100%; height:60px; position:relative; }
.logo>i{}
.logo>i a img{ width: 230px;}
#timg{ padding-top:5px; padding-left: 10px; width: 105px;}
	

/*-- sytwo --*/
.sytwo{ padding-top:20px; }
.sytwo-a{ width:100%; padding: 0px; }
.sytwo-at{ position:relative; left:0; top:0; width:100%; height: auto; float: left; padding-left: 35px;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.sytwo-at:before{ width:25px; left:0px; top: 17px; }
.sytwo-at h1{ font-size: 24px; letter-spacing:0; line-height:30px;}
.sytwo-aa h1{ font-size: 18px; line-height:30px; }
.sytwo-aa h1:before{ width:2px; height: 20px; left: 3px; top:3px;}
.sytwo-aa h1:after{ width:2px; height: 20px;  top:3px;}
.sytwo-aa p{ padding: 20px 0px; font-size: 14px; line-height: 25px; }
.sytwo-ab{ width:30%; margin-top:0px; }
.sytwo-ab div{ width:100%; min-height:auto; margin-bottom:10px; margin-right:0px;}
.sytwo-ab div i{ margin-top: 10px; }
.sytwo-b{ width:70%; padding: 0px 0px 0px 10px;}
.sytwo-abtn{ width:100%; margin-top:20px; }
.sytwo-abtn p{ margin-left: 10px;}
	
.synum{ padding-top: 30px; display: flex;}
.synum-a{ flex: 1 0 auto; width: auto; padding-top: 20px;}
.synum-a h1{ font-size:22px; line-height: 35px; padding-bottom: 10px;}
.synum-a h1 sup{ font-size:1rem; }
.synum-a p{ font-size:14px; line-height: 23px; padding: 10px 0px;}
	
/*-- syth --*/
.syth{ padding-top:20px;}
.syth-a h1{ font-size: 20px; line-height: 30px; }
.syth-a P{ font-size: 14px; }
.syth-a a{ width:55px; height: 55px; margin: 15px 0px; line-height: 55PX; font-size: 14px; color: #000; }
.syth-a:before{ bottom:41px;}
.syth-b{ width:100%; height: auto; float: left; padding-top: 25px; }
#onebox{ width:100%; height: auto;  display:flex; background: #000;}
#onebox li{width:100%; height:350px; }
#onebox li h1{ font-size: 15px; padding:5px; bottom:30px;}
#onebox li:hover div{ width:220PX; height:55PX;}
#onebox li div p{  padding-top: 5px; padding-left: 15px; }
#onebox li div p>span{ font-size: 15px;  }

/*-- syfo --*/
.syfo{ padding-top: 30px;}
.syfo-t h1{ font-size: 20px; padding-bottom: 10px; line-height: 25px;}
.syfol{ width:100%; padding-top: 10px;}
.syfol .tab-pane i{ padding:10px 5% 0px;}
.syfol .tab-pane p{ padding:15px 0px; font-size: 15px; line-height: 23px; }
.syfor{ position:relative; width: 100%; height: auto; float:left;}
.syfor>i{ width:100%; height: auto; float:left; background:none;}
.syfor ul{ position:relative; width: 100%; float: left; padding: 10px 0px;}
.syfor ul li a{ display:inline-block; padding: 5px 0px; }
.syfor ul li a i{ width:35px; height:35px; background-size: 20px;}
.syfor ul li a p{ font-size: 15px; padding-top:0; line-height: 35px; }
.syfor ul li.active a i{ background-size: 15px; background-position: center;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfor ul li:first-child{ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
.syfor ul li:nth-child(2){ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
.syfor ul li:nth-child(3){ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
.syfor ul li:nth-child(4){ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
.syfor ul li:nth-child(5){ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
.syfor ul li:nth-child(6){ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
.syfor ul li:nth-child(7){ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
.syfor ul li:nth-child(8){ position:relative; left:0px; top:0px; float: left; padding-right: 10px;}
	
/*-- syfv --*/
.syfv{ padding-top: 40px; }
.syfv-o{ min-height:auto; padding:2px;
-moz-border-radius: 0px; /* Firefox */
-webkit-border-radius: 0px; /* Safari 和 Chrome */
border-radius: 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfv-o i{ position:relative; left:0; top:0; width: 15%; height: auto; float: left; margin-top: 10px;}
.syfv-o div{ padding:10px 5px; width: 83%; margin-left: 2%; }
.syfv-o div h1{ font-size: 17px; line-height: 20px}
.syfv-o div h1 span{ height:auto; padding: 5px 0px; }
.syfv-o div p{ font-size: 14px; line-height: 25px; }
.syfv-o div p span{ height:auto; padding: 5px 0px; }
	
#syfv-o div h1{font-size: 15px; line-height: 18px}
#syfv-o div p{ font-size: 1rem; line-height: 15px; }
	
/*-- syfx --*/
.syfx{ padding-top:40px; }
.syfx-d{ padding-top: 0px; }
.syfx-a{ padding-right: 0px;}
.syfx-a ul li{  padding:10px 0px;}
.syfx-a ul li .p1{ width: 30%; font-size: 14px; }
.syfx-a ul li .p2{ width: 70%; font-size: 14px; }
.syfx-a ul li.on{ padding:15px 20px;}
.syfx-a ul li.on i{ width:100%; padding: 0px;}
.syfx-a ul li.on i img{ width:100%; }
.syfx-a ul li.on .p1{ width:80%; padding: 5px 0px 0px; margin-top: 5px; }
.syfx-a ul li.on .p2{ width:80%; padding: 0px;}
.syfx-a ul li.on a{ width: 20%; margin-top:0px; }

/*-- sysx --*/
.sysx{ padding-top:20px; }
.sysx-a{ width:100%; padding:0px; }
.sysx-a h1{ font-size: 24px; line-height: 30px; padding-bottom: 30px; }
.sysx-a p{ font-size: 30px; line-height: 30px; padding: 25px 0px;}
.sysx-b{ width:100%; padding: 20px 0px; }
.sysx-b div{ width:100%; padding: 40px 20px 20px; }
.sysx-b div:after{ height: 30px; }
.sysx-b div ul li{ font-size: 16px; line-height: 25px; padding: 10px 0px; }
.sysx-c{ margin-top: 10px; }
.sysx-c i{ width:50%; margin-top: 25px; }
.sysx-c a{ width:50%; line-height: 50px; font-size: 16px; }

/*-- inbanner --*/
.inbanner i{ height:250px; }
.inbanner h1{ font-size: 18px; }
#h1{ margin-top: 40px; }

/*-- 导航loc --*/
.locbox ul{padding: 5px;}
.locbox ul li{ font-size:13px;}
.locbox ul li i{ font-size:13px; }
.locbox ul li i svg{ width:12px;}
.locbox a{ font-size:13px;}
	
/*-- 关于我们 --*/
.ab-a{ padding-top: 20px;}
.ab-al{ display: none; }

.ab-ar{ width:100%; padding-left:0px;}
.ab-art{ text-align:center; padding-top:0px; }
.ab-art p{ font-size: 18px; color: #FFF; letter-spacing: 5px;}
.ab-art h1{ font-size: 28px; line-height: 40px; width: auto; display: inline-block; float: none;}
.ab-art h1:before{ bottom: 8px;}
.ab-arinfo{ padding-top: 20px; }
.ab-arinfo p{ line-height: 25px; font-size: 14px; }
.ab-aline{ padding: 30px 0px;}
.ab-aline p{ padding-left:25%; font-size: 15px; line-height: 25px; letter-spacing: 3px;}
.ab-aline p:before{ width:70px; left: 2%; top:13px; }
.ab-b{ padding: 10px 0px;}
.ab-b .plrx0{ padding:5px 5px 0px!important; }

.ab-c{ padding: 60px 0px 80px;}
.ab-ct h1{ font-size: 20px; line-height: 25px; }
.ab-ct h1:before{ bottom: 8px; }
.ab-ct h1:after{ bottom: 8px; }
	
.ab-ct p{ font-size: 15px; padding: 20px 0px 10px;}
.ab-cinfo h1{ font-size:17px; padding-top: 10px; }
.ab-cinfo p{ font-size:14px; line-height: 25px;}
.ab-cinfo .p-5{ padding:10px 10px 0px 10px!important;}
	
/*-- 产品中心 --*/
.cpsearch{ width:90%; margin:0px 5% 15px; }
.cpsearch .p1{ width:85%; height:40px; padding-top: 0px;}
.cpsearch .p2{ width:15%; height:40px; }
#search_inputp1{ font-size:14px; }
#search_inputp2{ background-size:30px; }
.probox{ padding-top:5px;}

.sortbox{ padding: 20px 10px 30px; background: #f4f4f4; margin-bottom: 10px;}
.sortbox ul li{ width:100%;  padding:5px; }
.sortbox ul li a{ padding: 0px 10px; font-size: 15px; }
.cpname h1{ height: 50px; font-size: 14px; }
.sortbox.pt-5{ padding:20px 10px 30px!important;}
	
/*-- 内页 --*/
.incpsearch .cpsearch{ width:90%; margin:0px 5%;}
.incpsearch #search_inputp1{ font-size:15px;}
.B-pro{ padding:0px; }
.proinfo{ padding:10px;}
.banl{ width:100%; }
.num { height:65px;}
.num ul li { width:65px; margin-right: 5px; }
.num ul li img { width:60px; height:55px; }
.banr{ width:100%; padding-left:0%; padding-bottom: 30px; }
.bancp h1{ font-size: 22px; }
.baninfocp{ min-height: 80px; line-height: 25px; font-size: 16px;}
.banchoose ul { height:30px; top: 10px; }
.banchoose ul li{ height:30px; }
.cplxshow{ padding-top: 10px;}
.cptel{ width:100%; font-size:15px; margin-top:10px; padding:5px 10px;}
.cpmail{ width:100%; font-size:15px; }
.cptel i,.cpmail i{ width:13%; }
.cpmail span{ width:87%; }
.prosame{ padding: 40px 0px;}
.prosame .ct-title h1{ font-size: 20px;}
.sameshow{ padding: 25px 0px;}
	
/*-- 质量 --*/
.qut{ padding: 20px 0px; }
.qut h1{ font-size: 20px; line-height: 25px; }
.qut h1:before{ bottom: 4px; }
.qut h1:after{ bottom: 4px; }
.qut p{ font-size: 14px; }

.qu-mian{ padding: 0px 0px 60px; }
.qmid{ width:100%; min-height:auto; display: block; background:none; }
.qmid i{ width:100%; height:100%; background: none; display: block; float: left; padding: 0;}
.qmid i span{ width:100%; height: auto; padding:10px 0px; font-size: 16px; }

.qmid .float-right:before{ display: none;}
.qmid .float-left:before{ display: none;}

.qmid .float-right div{ position:relative; float: left; width: 100%; right:0px; top:0px;}
.qmid .float-right div img{ width:100%; }
.qmid .float-left div{ position:relative; float: left; width: 100%; left:0px; top:0px;}
.qmid .float-left div img{ width:100%; }

	
/*-- 新闻 --*/
.newst h1{ font-size: 20px; line-height: 25px; padding: 20px 0px; }
.news{ margin-top:30px;}
.newsone{ height:auto; }
.newsimg{ width:100%; height:350px;}
.newsshow{ width:100%; height:auto; padding:10px 20px;}
.newsshow:before{ display: none;}
.news-t{ width:100%; height:auto; font-size:16px; padding: 15px 0px; }
.news-info{ min-height:auto; font-size:13px; padding:0px; }
.news-btn{ width:100%; height:auto; padding: 0px 20px 10px; text-align: left; }

.news-btn span{ color:#000; font-size:16px; padding-right: 10px; line-height:35px; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.news-btn i svg{ }
#jts{ fill:#000; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone .newsimg{
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
}
.newsone:hover .newsimg{
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
}
.newsone:hover .newsdate{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-t{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-info{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover .news-btn span{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.newsone:hover #jts{ fill:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
	
/*-- page --*/
.page{ font-size:12px; padding: 20px 0px 40px;}
.pagination ul li a{font-size:13px; }

/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:0px; font-size:20px; margin-top:25px; line-height:25px;}
.in-newsbox_info{ padding:15px 0px;}
.in-newsbox_info ul li{ font-size:15px; }
.in-newsbox_content{ font-size:15px; line-height:25px;}
.pagesl{ width:100%; }
.pagesl p{ width:100%; font-size:14px; }
.pagesr p{ width:100%; font-size:14px;}
.pagesr{ width:100%; float:left; text-align:left;}
.pagesl a{ font-size:14px;}
.pagesr a{ color:#000; font-size:14px; }
.pagees{ padding: 20px 0px 30px;}
	
/*-- contact --*/
.ct-title h1{ font-size: 20px; line-height: 25px; padding: 20px 0px; }
.ctl{ width:100%; padding: 0px 5px;}	
.ctl h1{ font-size: 18px; padding-bottom: 20px; }
.ctl p{ font-size: 17px; padding: 5px 0px;}
.ctl:before{ display: none;}
.oneline{ padding: 30px 0px 40px; }

.cttwo-t{ padding: 40px 0px 15px;}
.cttwo-t h1{ font-size: 20px; line-height: 30px; }
.cttwo-t p{ font-size: 16px; line-height: 30px; }
.feedback{ padding:0px 0px 50px;}


/*-- 地图 --*/
.mapbox{ width:100%; height:400px; float:left;}
#container{ width:100%; height:100%; float:left;}

/*-- 底部 --*/
.footB{ padding-bottom:50px;}
.footdown{ padding:20px 10px; font-size:12px; line-height:20px; margin-top:0px; border-top:0px;}
.footdown span{ width:100%; text-align:center; padding:0; float:left;}
.footdown span a{  }

/*-- 手机搜索 --*/
#phonesearch{ width:100%; height:auto; float:left; padding:8px 2%; position:relative; z-index:1;}
.phsearch{ width:100%; float:left;}
#search_inputx1{outline:none;height:40px; width:80%; border:1px solid #000; line-height:50px; float:left; color:#000; font-size:14px; padding:0 5px; background:#FFF; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
#search_inputx2{ float:left; width:18%; height:40px; outline:none; cursor:pointer; margin-left:2%; border:0; background-image:url(../../img/page/s.png); background-position:center; background-repeat:no-repeat; background-size:auto 25px;
background-color:#00bab4;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

/*底部导航*/
.phone-bottom-box{ width:100%; height:55px; float:left; z-index:9999;
background: linear-gradient(top, #20a357, #0f8b43);
background: -ms-linear-gradient(top, #20a357, #0f8b43);
background: -webkit-linear-gradient(top, #20a357, #0f8b43);
background: -moz-linear-gradient(top, #20a357, #0f8b43);	
}
.footer-navs{ width:100%; float:left; padding:0; margin:0; position:relative !important;}
.footer-navs li{ float:left; font-size:14px; width:20%; text-align:center; list-style:none; color:#FFF; cursor:pointer; padding-top:8px;}
.footer-navs li i{ width:100%; height:auto; float:left;}
.footer-navs li i img{ width:20px;}
.footer-navs a{ color:#FFF; display:block;}
.footer-navs p{ display:inline-block; font-size:0.8em}
#fancybox-close{ top:10px; right:-30px;}

.ph-two{ width:50%; height:auto; position:absolute; left:25%; bottom:50px; padding:4px 8px;
filter:alpha(opacity=90);   
-moz-opacity:0.9;   
-khtml-opacity: 0.9;   
opacity: 0.9;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ 
background:#333333;
}
.ph-two a{ width:100%; height:40px; float:left; background:#FFF; line-height:40px; color:#242424; margin:4px 0px;
-moz-border-radius: 8px; /* Firefox */
-webkit-border-radius: 8px; /* Safari 和 Chrome */
border-radius: 8px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ph-two:before{ content:""; position:absolute; left:47%; bottom:-6px; width:3%; height:0;
border-left:7px solid transparent;   
border-right:7px solid transparent;   
border-top:7px solid #333333;
}

/*-- 登录图标 --*/
.plogo{ width:220px; min-height:70px; float:left; padding:20px 5px;}
.plogo a{ color:#FFF; float:left; margin:5px 10px; font-size:15px;}
.ptlogii{ width:100%; float:left; font-size:15px; color:#FFF; line-height:25px; padding:5px;}
.ptlogii a{ color:#FFF; font-size:15px; float:left; line-height:20px;}
.ptlogii i{ float:left;}


/*-- 注册登录 --*/
.loginpg{ margin:40px 0px; padding:20px 10px; }
.logt{ font-size:20px; line-height:25px; }
.logp{ font-size:14px; padding:5px 0px;}
.logm{ width:100%; padding:10px; margin-top:20px;}
.ttbox{ width:100%;}
.ttm .tt{ font-size:15px;}
.eyes_box{ right:5%; top:12px;}
#inputx{ width:100%; height:45px;}
.ttm .tt-p{ height:auto;}
.ttm .tt-p span{ width:100%; height:auto;}
.ttm .tt-p span font{ width:100%; font-size:12px; line-height:20px; height:auto;}
.tt-btn{ margin-top:20px;}
#buttonx{ width:100px; height:35px; }
.logpgbtn{ text-align:center; left:0; display:table;}
.logpgbtn a{ width:120px; height:40px; vertical-align:middle; padding:0px 8px; line-height:14px; font-size:14px; display:table-cell; float:none;}


/*回滚*/
#topcontrol{ z-index:999;}
.togo{ width:30px; height:30px; border:0; position:absolute; right:-30px; bottom:18px; }
.goback{ margin-top:-25px; background-size:100%;}
.goback .gos{ background-size:100%;}

/*内部导航*/
.allbox{position:relative;}
.phnav{height:auto; width:100%; float:left; padding:13px 10px; line-height:25px; color:#FFF; font-size:16px; text-align:left; margin:15px 0px 0px;
background: linear-gradient(top, #1da857, #0f8b43);
background: -ms-linear-gradient(top, #1da857, #0f8b43);
background: -webkit-linear-gradient(top, #1da857, #0f8b43);
background: -moz-linear-gradient(top, #1da857, #0f8b43);
}
.phnav a{ color:#ffffff; text-decoration:none;}
.casenav{ width:100%; padding:0px 5px;-webkit-animation:fadeInUp 800ms;animation:fadeInUp 800ms; float:left; position:absolute; top:45px;left:0;background:#FFF; z-index:1;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e2e1e1,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 25px 1px #e2e1e1;/*兼容safari或chrome*/
box-shadow:0px 2px 25px 1px #e2e1e1;/*兼容opera或ie9*/
}
.casenav .snavbg{ width:80%; padding:5px;}
.casenav .snavl{ width:22%; height:auto;}
.casenav .snavr{ width:78%; height:auto;}

/*-- --*/
.plrx0{ padding:0px;}
.plrx5{ padding:0px 5px;}
.plrx10{ padding:0px 10px;}
.plrxup5{ padding: 5px 0px;}
}

/* XS Portrait */
@media (max-width: 480px) {
.logo>i a img{ width: 200px;}
#timg{ padding-top:2px; width: 95px;}
	
.syfv-o i{ width: 20%; }
.syfv-o div{ width: 78%; padding:0px 5px;}
.syfv-o div p{ font-size: 13px; line-height: 22px; }

.newsimg{ height:230px;}	

/*-- inbanner --*/
.inbanner i{ height:200px; }
	
/*-- 地图 --*/
.mapbox{ height:220px;}
}

@media (max-width: 380px) {

}

@media (max-width: 330px) {

}